<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.ListEventTitle}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <div id="mctSub">

                <div class="lnTitles1">Lastest Events</div>
                <div class="mnLeftIcon3">
                    <img src="#{facesContext.externalContext.request.contextPath}/resources/image/flag.png" alt="" width="38" height="48" />
                </div> 
                <h:dataTable value="#{eventController.topNewNews}" var="news" style="width: 676px;">
                    <h:column>
                        
                        <div id="eventImg">
                            <img src="#{facesContext.externalContext.request.contextPath}/resources/image/#{news.imageurl}" alt="" width="240" height="173" />
                        </div>
                    </h:column>
                    <h:column>
                        <div class="newsPakages">
                            <div class="newsPkCal">
                                <div class="newsDate">#{news.createDate.date}</div>
                                <div class="newsMonth">#{news.createDate.month}</div>
                            </div>
                            <p class="spkTitle2"><a href="">#{news.topic}</a></p>
                            <p class="spkAuth">Speaker : <a href="">#{news.speakerID.jobTitle}#{news.speakerID.person.firstName}</a></p>
                            <p class="spkAuth">Located : #{news.located}</p>
                            <p class="spkAuth">Free</p>
                            <p class="enrollTxt"><a href="">Enroll</a></p>
                            <p class="eventMoreTxt"><a href="">Details...</a></p>
                        </div>
                    </h:column>
                    
                </h:dataTable>






                <div id="pageNo">
                </div>
            </div>
        </ui:define>
    </ui:composition>
</html>

